$(document).ready(function() {
  // var btn = document.querySelector('.nav-menu-icon');
  // var nav = document.querySelector('.nav-content-ul');
  // var flag = false;
  // btn.onclick = function(){
  //       flag = !flag;
  //       if (flag)
  //       {
  //           nav.style.display = 'block';
  //           btn.classList.remove('nav-list-icon');
  //           btn.classList.add('nav-close-icon');
  //       }
  //       else
  //       {
  //           nav.style.display = '';
  //           btn.classList.remove('nav-close-icon');
  //           btn.classList.add('nav-list-icon');
  //       }
  //   };

  // alert( 64 / Math.tan(20 / 180 * Math.PI));
  var transform = function (element, value, key)
  {
      key = key || "Transform";
      ["Moz", "O", "Ms", "Webkit", ""].forEach(function (prefix)
      {
          element.style[prefix + key] = value;
      });

      return element;
  };


  $(function ()
  {
      var deg = -40 , i = 1;
      $("#container").click(function ()
      {
          transform($(this)[0], "rotateY(" + (deg * i++) + "deg)");
      });
  });
});
var btn = document.querySelector('.btn-menu-icon');
var nav = document.querySelector('.nav-container-list');
var logo = document.querySelector('.logo');
var flag = false;
btn.onclick = function()
{
    flag = !flag;
    if (flag)
    {
        // nav.style.display = 'block';
        // nav.setAttribute("class", "style2");
        nav.style.cssText = "display:block;z-index:998;position:relative;margin-top:13px;";
        btn.classList.remove('btn-list-icon');
        btn.classList.add('btn-close-icon');
    }
    else
    {
        nav.style.display = '';
        btn.classList.remove('btn-close-icon');
        btn.classList.add('btn-list-icon');
    }

};
